<template>
	<view class="content">
		<!--签约主体信息-->
		<view class="content_2">
			<picker class="sign_detail" @change="pickerChangeCity($event,'citys')" :value="data.citys" :range="citysList"
			 range-key="areaName">
				<view class="detail_title" style="width: 660upx;">{{citysList[data.citys].areaName}}</view>
				<image class="detail_icon" src="../../../../../static/index/detail/sign/jiantou.svg"></image>
			</picker>
			<picker class="sign_detail" @change="pickerChangeClassify($event,'classify')" :value="data.classify" :range="classifyList"
			 range-key="areaName">
				<view class="detail_title" style="width: 660upx;">{{classifyList[data.classify].areaName}}</view>
				<image class="detail_icon" src="../../../../../static/index/detail/sign/jiantou.svg"></image>
			</picker>
			<picker class="sign_detail" @change="pickerChangeHot($event,'hot')" :value="data.hot" :range="hotList" range-key="describes">
				<view class="detail_title" style="width: 660upx;">{{hotList[data.hot].describes}}</view>
				<image class="detail_icon" src="../../../../../static/index/detail/sign/jiantou.svg"></image>
			</picker>
			<view class="sign_detail">
				<view class="detail_title">名称</view>
				<input class="detail_info" placeholder="请输入名称"  @input="getNameInput"></input>
			</view>
			<view class="sign_detail" @click="getPermission">
				<view class="detail_title">地址</view>
				<view class="detail_info"  style="direction: rtl;">{{getaddress}}</view>
				<!-- <input class="detail_info" placeholder="请输入地址"  @input="getAddressInput" disabled="true"></input> -->
			</view>
			<view class="sign_detail">
				<view class="detail_title">联系人</view>
				<input class="detail_info" placeholder="请输入联系人"  @input="getOwnerInput"></input>
			</view>
			<view class="sign_detail">
				<view class="detail_title">手机号码</view>
				<input class="detail_info" placeholder="请输入手机号码"  type="number" @input="getPhoneInput"></input>
			</view>
			<view class="sign_detail">
				<view class="detail_title">户型</view>
				<input class="detail_info" placeholder="如: X室X厅X卫"  @input="getroomtypeInput"></input>
			</view>
			<view class="sign_detail">
				<view class="detail_title">建面</view>
				<input class="detail_info" placeholder="请输入建筑面积"  @input="getAreaInput"></input>
			</view>
			<view class="sign_detail">
				<view class="detail_title">楼层</view>
				<input class="detail_info" placeholder="请输楼层"  @input="getFloorInput"></input>
			</view>
			<view class="sign_detail">
				<view class="detail_title">朝向</view>
				<input class="detail_info" placeholder="请输房间朝向"  @input="getDriectionInput"></input>
			</view>
			<picker class="sign_detail" @change="pickerChangeType($event,'renttype')" :value="data.renttype" :range="renttypeList"
			 range-key="describes">
				<view class="detail_title" style="width: 660upx;">{{renttypeList[data.renttype].describes}}</view>
				<image class="detail_icon" src="../../../../../static/index/detail/sign/jiantou.svg"></image>
			</picker>
			<picker class="sign_detail" @change="pickerChangeTime($event,'renttime')" :value="data.renttime" :range="renttimeList"
			 range-key="describes">
				<view class="detail_title" style="width: 660upx;">{{renttimeList[data.renttime].describes}}</view>
				<image class="detail_icon" src="../../../../../static/index/detail/sign/jiantou.svg"></image>
			</picker>
			<picker class="sign_detail" @change="pickerChangeMoney($event,'rentmoney')" :value="data.rentmoney" :range="rentmoneyList"
			 range-key="describes">
				<view class="detail_title" style="width: 660upx;">{{rentmoneyList[data.rentmoney].describes}}</view>
				<image class="detail_icon" src="../../../../../static/index/detail/sign/jiantou.svg"></image>
			</picker>
			<picker class="sign_detail" @change="pickerChangeDepos($event,'deposittype')" :value="data.deposittype" :range="deposittypeList"
			 range-key="describes">
				<view class="detail_title" style="width: 660upx;">{{deposittypeList[data.deposittype].describes}}</view>
				<image class="detail_icon" src="../../../../../static/index/detail/sign/jiantou.svg"></image>
			</picker>
			<view class="sign_detail">
				<view class="detail_title">押金</view>
				<input class="detail_info" placeholder="请输押金"  type="number" @input="getRentmoneyInput"></input>
			</view>
			<view class="sign_detail">
				<view class="detail_title">每月房租</view>
				<input class="detail_info" placeholder="请输每月房租"  type="number" @input="getMoneyInput"></input>
			</view>
		</view>
		<!--配套措施-->
		<view class="content_10">
			<view class="title_10">配套措施</view>
			<view class="line_title"></view>
			<view class="equipment_view">
				<block v-for="(equipment, index_equipment) in house_detail_equipment" :key='index_equipment'>
					<view class="equipment_box" @click="chooseEquip(index_equipment)">
						<image class="equipment_img" :src="equipment.image"></image>
						<view class="equipment_name">{{equipment.show_name}}</view>
						<view class="equipment_choose" v-if="equipment.state == 1"></view>
						<!-- <view :class="{equipment_choose: xiao_arr.indexOf(equipment.photo_id) != -1}" ></view> -->
					</view>
				</block>
			</view>
		</view>
		<view class="sign_detail" v-if="addspecial >= 1">
			<view class="detail_title">房屋特色（低于5个字）</view>
			<input class="detail_info"  placeholder="请输房屋特色"  @input="getSpecial_1Input"></input>
		</view>
		<view class="sign_detail" v-if="addspecial >= 2">
			<view class="detail_title">房屋特色（低于5个字）</view>
			<input class="detail_info"  placeholder="请输房屋特色"  @input="getSpecial_2Input"></input>
		</view>
		<view class="sign_detail" v-if="addspecial >= 3">
			<view class="detail_title">房屋特色（低于5个字）</view>
			<input class="detail_info"  placeholder="请输房屋特色"  @input="getSpecial_3Input"></input>
		</view>
		<view class="sign_detail" v-if="addspecial >= 4">
			<view class="detail_title">房屋特色（低于5个字）</view>
			<input class="detail_info"  placeholder="请输房屋特色"  @input="getSpecial_4Input"></input>
		</view>
		<view class="sign_detail" v-if="addspecial >= 5">
			<view class="detail_title">房屋特色（低于5个字）</view>
			<input class="detail_info"  placeholder="请输房屋特色"  type="number" @input="getSpecial_5Input"></input>
		</view>
		<!--添加房屋特色-->
		<view class="content_4">
			<view class="add_4" @click="addSpecial">添加</view>
		</view>
		<!--下一步-->
		<view class="content_5">
			<view class="back" @click="back">返回</view>
			<view class="save" @click="toCreat">保存</view>
		</view>
	</view>
</template>

<script>
	//导入接口请求文件
	import {
		Request
	} from '../../../../../utils/request.js';
	//导入接口地址文件
	import {
		Address
	} from '../../../../../utils/address.js';
	//定义getApp对象
	const app = getApp();
	export default {
		data() {
			return {
				equipId: '0',
				equipShow: '0',
				addspecial: '1',
				equipList: [],
				data: {
					citys: 0,
					classify: 0,
					hot: 0,
					housetype: 0,
					renttype: 0,
					renttime: 0,
					rentmoney: 0,
					deposittype: 0,
				},
				citysList: [],
				classifyList: [{
						id: '1',
						areaName: '区域'
					},
					{
						id: '2',
						areaName: '请选择城市'
					},
					{
						id: '3',
						areaName: '请选择城市'
					},
					{
						id: '4',
						areaName: '请选择城市'
					}
				],
				hotList: [],
				renttypeList: [],
				renttimeList: [],
				rentmoneyList: [],
				deposittypeList: [],
				house_detail_equipment: [],
				readstate: '0',
				badroomList: [],
				housedetailList: [],
				house_label: [],
				state: '0',
				state_index: '',
				//效验措施设备数组
				xiao_arr: Array(),
				getaddress: '请选择地址',
				latitude: '',
				longitude: ''
			}
		},
		methods: {
			//选择配套设施
			chooseEquip: function(index) {
				this.state_index = index
				let that = this
				// this.arr = new Array();
				this.equipment = {
					'photo_id': this.house_detail_equipment[index].id,
					'show_name': this.house_detail_equipment[index].show_name,
					'system_url': this.house_detail_equipment[index].system_url,
				}
				//效验数组下标
				let xiao_arr_index = this.xiao_arr.indexOf(this.equipment.photo_id);
				if (xiao_arr_index == -1) {
					//效验数组
					this.xiao_arr.push(this.equipment.photo_id);
					//压入措施设备栈
					that.equipList.push(this.equipment)
					this.state = '1'
					//判断css样式
					this.house_detail_equipment[index].state = 1;
				} else if (this.xiao_arr.length != 0) {
					this.house_detail_equipment[index].state = -1;
					for (let i = 0, l = that.equipList.length; i < l; i++) {
						if (this.xiao_arr[xiao_arr_index] == that.equipList[i].photo_id) {
							that.equipList.splice(i, 1);
							break;
						}
					}
					//删除效验数组键值
					this.xiao_arr.splice(xiao_arr_index, 1);
					this.state = '0'
				}
				console.log(this.equipList);
			},
			//添加房屋特色
			addSpecial: function() {
				this.addspecial++
				if (this.addspecial >= 6) {
					uni.showToast({
						position: 'center',
						title: '最多只能添加5个房屋特色...',
						icon: 'none',
					});
				}
			},
			//打开地图选择位置
			chooseLocation: function() {
				uni.chooseLocation({
					success: (res) => {
						console.log(res)
						this.getaddress = res.address
						this.latitude = res.latitude
						this.longitude = res.longitude
					}
				})
			},
			//获取用户地理位置权限
			getPermission:function(){
				//导入接口获取地址文件
				var that = this;
				new Address().getPermission(that, (res)=>{
					console.log(res)
					that.getaddress = res.address
					that.latitude = res.latitude
					that.longitude = res.longitude
				});//传入that值可以在app.js页面直接设置内容    
			},
			//区域选择改变
			pickerChangeClassify: function(e, val) {
				this.data[val] = e.target.value
				this.classify_id = this.classifyList[e.target.value].areaId
			},
			//热点选择改变
			pickerChangeHot: function(e, val) {
				this.data[val] = e.target.value
				this.hot_id = this.hotList[e.target.value].id
			},
			//出租类型选择改变
			pickerChangeType: function(e, val) {
				this.data[val] = e.target.value
				this.renttype_id = this.renttypeList[e.target.value].id
			},
			//最低起租选择改变
			pickerChangeTime: function(e, val) {
				this.data[val] = e.target.value
				this.renttime_id = this.renttimeList[e.target.value].id
			},
			//扣租方式选择改变
			pickerChangeMoney: function(e, val) {
				this.data[val] = e.target.value
				this.rentmoney_id = this.rentmoneyList[e.target.value].id
			},
			//押金方式选择改变
			pickerChangeDepos: function(e, val) {
				this.data[val] = e.target.value
				this.deposittype_id = this.deposittypeList[e.target.value].id
			},
			//城市选择改变
			pickerChangeCity: function(e, val) {
				this.data[val] = e.target.value
				this.city_id = this.citysList[e.target.value].areaId
				console.log(this.city_id)
				// this.way_id = this.payforList[e.target.value].id
				//获取区域
				new Request('landboos/Create_House/GetCityList').request(
					() => {
						return 'POST'
					},
					() => {
						return {
							city: this.city_id
						}
					},
					(res) => {
						console.log(res)
						this.classifyList = res.data.data
					}
				)
			},
			//保存创建房子
			toCreat: function() {
				let phone = /^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/
				if (this.inputname == '' || this.inputname == undefined) {
					uni.showToast({
						title: '请输入名称',
						position: 'center',
						icon: 'none'
					})
				} else if (this.latitude == '' || this.latitude == undefined) {
					uni.showToast({
						title: '请选择地址',
						position: 'center',
						icon: 'none'
					})
				} else if (this.inputowner == '' || this.inputowner == undefined) {
					uni.showToast({
						title: '请输入联系人',
						position: 'center',
						icon: 'none'
					})
				} else if (this.inputphone == '' || this.inputphone == undefined || !phone.test(this.inputphone)) {
					uni.showToast({
						title: '请正确输入手机号码',
						position: 'center',
						icon: 'none'
					})
				} else if (this.inputroomtype == '' || this.inputroomtype == undefined) {
					uni.showToast({
						title: '请输入户型',
						position: 'center',
						icon: 'none'
					})
				} else if (this.inputarea == '' || this.inputarea == undefined) {
					uni.showToast({
						title: '请输入建面',
						position: 'center',
						icon: 'none'
					})
				} else if (this.inputfloor == '' || this.inputfloor == undefined) {
					uni.showToast({
						title: '请输入楼层',
						position: 'center',
						icon: 'none'
					})
				} else if (this.inputdirection == '' || this.inputdirection == undefined) {
					uni.showToast({
						title: '请输入朝向',
						position: 'center',
						icon: 'none'
					})
				} else if (this.inputrentmoney == '' || this.inputrentmoney == undefined) {
					uni.showToast({
						title: '请输入押金',
						position: 'center',
						icon: 'none'
					})
				} else if (this.inputmoney == '' || this.inputmoney == undefined) {
					uni.showToast({
						title: '请输入每月房租',
						position: 'center',
						icon: 'none'
					})
				} else if ((this.inputspecial1 == '' || this.inputspecial1 == undefined) && this.addspecial >= '1') {
					uni.showToast({
						title: '请输入房屋特色',
						position: 'center',
						icon: 'none'
					})
				} else if ((this.inputspecial2 == '' || this.inputspecial2 == undefined) && this.addspecial >= '2') {
					uni.showToast({
						title: '请输入房屋特色',
						position: 'center',
						icon: 'none'
					})
				} else if ((this.inputspecial3 == '' || this.inputspecial3 == undefined) && this.addspecial >= '3') {
					uni.showToast({
						title: '请输入房屋特色',
						position: 'center',
						icon: 'none'
					})
				} else if ((this.inputspecial4 == '' || this.inputspecial4 == undefined) && this.addspecial >= '4') {
					uni.showToast({
						title: '请输入房屋特色',
						position: 'center',
						icon: 'none'
					})
				} else if ((this.inputspecial5 == '' || this.inputspecial5 == undefined) && this.addspecial >= '5') {
					uni.showToast({
						title: '请输入房屋特色',
						position: 'center',
						icon: 'none'
					})
				} else {
					if (this.inputspecial1 == null) {

					} else {
						this.house_label.push(this.inputspecial1)
					}
					if (this.inputspecial2 == null) {

					} else {
						this.house_label.push(this.inputspecial2)
					}
					if (this.inputspecial3 == null) {

					} else {
						this.house_label.push(this.inputspecial3)
					}
					if (this.inputspecial4 == null) {

					} else {
						this.house_label.push(this.inputspecial4)
					}
					if (this.inputspecial5 == null) {

					} else {
						this.house_label.push(this.inputspecial5)
					}
					uni.request({
						url: app.globalData.host+'/api/renthouse/landboos/Create_House/CreateHouse',
						method: 'POST',
						data: {
							openid: app.globalData.openid,
							city: this.city_id,
							area: this.classify_id,
							hot: this.hot_id,
							house_name: this.inputname,
							house_addr: this.getaddress,
							user_name: this.inputowner,
							user_phone: this.inputphone,
							house_type: this.inputroomtype,
							house_area: this.inputarea,
							house_floor: this.inputfloor,
							house_direction: this.inputdirection,
							deposit_money: this.inputrentmoney,
							house_money: this.inputmoney,
							house_renttype: this.renttype_id,
							house_rentmoney: this.renttime_id,
							house_way: this.rentmoney_id,
							house_mortgage: this.deposittype_id,
							house_photo: this.photo_arr,
							house_label: this.house_label,
							equipment: this.equipList,
							latitude: this.latitude,
							longitude: this.longitude,
						},
						success: (res) => {
							// console.log(res)
							if (res.data.data == 'city') {
								uni.showToast({
									title: '请选择城市',
									position: 'center',
									icon: 'none'
								})
							} else if (res.data.data == 'area') {
								uni.showToast({
									title: '请选择区域',
									position: 'center',
									icon: 'none'
								})
							} else if (res.data.data == 'hot') {
								uni.showToast({
									title: '请选择热点',
									position: 'center',
									icon: 'none'
								})
							} else if (res.data.data == 'area') {
								uni.showToast({
									title: '请选择区域',
									position: 'center',
									icon: 'none'
								})
							} else if (res.data.data == 'house_renttype') {
								uni.showToast({
									title: '请选择房源出租类型',
									position: 'center',
									icon: 'none'
								})
							} else if (res.data.data == 'house_rentmoney') {
								uni.showToast({
									title: '请选择房源最低租期',
									position: 'center',
									icon: 'none'
								})
							} else if (res.data.data == 'house_way') {
								uni.showToast({
									title: '请选择房源扣租方式',
									position: 'center',
									icon: 'none'
								})
							} else if (res.data.data == 'house_mortgage') {
								uni.showToast({
									title: '请选择房源扣租方式',
									position: 'center',
									icon: 'none'
								})
							} else if (res.data.code == '1') {
								console.log(res.data)
								uni.showToast({
									title: '创建成功',
									icon: 'none',
									position: 'center'
								})
								uni.navigateBack({
									delta: 3
								})
							}
						}
					})
				}
			},
			//获取用户输入信息
			getNameInput: function(e) {
				this.inputname = e.detail.value
				console.log(this.inputname)
			},
			getAddressInput: function(e) {
				this.inputaddress = e.detail.value
			},
			getOwnerInput: function(e) {
				this.inputowner = e.detail.value
			},
			getPhoneInput: function(e) {
				this.inputphone = e.detail.value
			},
			getroomtypeInput: function(e) {
				this.inputroomtype = e.detail.value
			},
			getAreaInput: function(e) {
				this.inputarea = e.detail.value
			},
			getFloorInput: function(e) {
				this.inputfloor = e.detail.value
			},
			getDriectionInput: function(e) {
				this.inputdirection = e.detail.value
			},
			getRentmoneyInput: function(e) {
				this.inputrentmoney = e.detail.value
			},
			getMoneyInput: function(e) {
				this.inputmoney = e.detail.value
			},
			getSpecial_1Input: function(e) {
				this.inputspecial1 = {
					'show_name': e.detail.value
				}
			},
			getSpecial_2Input: function(e) {
				this.inputspecial2 = {
					'show_name': e.detail.value
				}
			},
			getSpecial_3Input: function(e) {
				this.inputspecial3 = {
					'show_name': e.detail.value
				}
			},
			getSpecial_4Input: function(e) {
				this.inputspecial4 = {
					'show_name': e.detail.value
				}
			},
			getSpecial_5Input: function(e) {
				this.inputspecial5 = {
					'show_name': e.detail.value
				}
			},
			//返回
			back: function() {
				uni.navigateBack({
					delta: 1
				})
			}
		},
		onLoad(option) {
			// 获取undate的图片组
			console.log(JSON.parse(option.houseimg))
			this.photo_arr = JSON.parse(option.houseimg)
			//获取城市
			new Request('landboos/Create_House/GetCityList').request(
				() => {
					return 'POST'
				},
				() => {
					return {
						city: '1935'
					}
				},
				(res) => {
					// console.log(res.data.data)
					this.citysList = res.data.data
					this.citysList.unshift({
						id: '0',
						areaName: '请选择城市'
					})
				}
			)
			//获取热点
			new Request('landboos/Create_House/GetRentType').request(
				() => {
					return 'POST'
				},
				() => {
					return {
						table: 'fa_renthouse_master_hot'
					}
				},
				(res) => {
					// console.log(res.data.data)
					this.hotList = res.data.data
					this.hotList.unshift({
						id: '0',
						describes: '请选择热点'
					})
				}
			)
			//获取出租类型
			new Request('landboos/Create_House/GetRentType').request(
				() => {
					return 'POST'
				},
				() => {
					return {
						table: 'fa_renthouse_master_renttype'
					}
				},
				(res) => {
					this.renttypeList = res.data.data
					this.renttypeList.unshift({
						id: '0',
						describes: '请选择出租类型'
					})
				}
			)
			//获取最低租期
			new Request('landboos/Create_House/GetRentType').request(
				() => {
					return 'POST'
				},
				() => {
					return {
						table: 'fa_renthouse_master_rentmoney'
					}
				},
				(res) => {
					this.renttimeList = res.data.data
					this.renttimeList.unshift({
						id: '0',
						describes: '请选择最低租期'
					})
				}
			)
			//获取扣租方式
			new Request('landboos/Create_House/GetRentType').request(
				() => {
					return 'POST'
				},
				() => {
					return {
						table: 'fa_renthouse_master_way'
					}
				},
				(res) => {
					this.rentmoneyList = res.data.data
					this.rentmoneyList.unshift({
						id: '0',
						describes: '请选择扣租方式'
					})
				}
			)
			//获取押金类型
			new Request('landboos/Create_House/GetRentType').request(
				() => {
					return 'POST'
				},
				() => {
					return {
						table: 'fa_renthouse_master_mortgage'
					}
				},
				(res) => {
					this.deposittypeList = res.data.data
					this.deposittypeList.unshift({
						id: '0',
						describes: '请选择押金类型'
					})
				}
			)
			//获取配套措施
			new Request('landboos/Create_House/GetRentType').request(
				() => {
					return 'POST'
				},
				() => {
					return {
						table: 'fa_renthouse_master_equipment'
					}
				},
				(res) => {
					this.house_detail_equipment = res.data.data
					// console.log(this.house_detail_equipment)
				}
			)
		}
	}
</script>

<style>
	page {
		background-color: #F9F9F9;
	}

	.content {
		padding-bottom: 250upx;
	}

	/*
		房源详细样式
	*/
	.content_1 {}

	.house_view {
		height: 246upx;
		background-color: #FFFFFF;
		border-radius: 15upx;
		padding: 27upx 24upx;
		display: flex;
		align-items: center;
	}

	.house_img {
		width: 304upx;
		height: 246upx;
		background-color: #8E83C7;
		margin-right: 24upx;
	}

	.house_detail {
		height: 258upx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.house_name {
		height: 43upx;
		line-height: 43upx;
		font-size: 32upx;
		color: #333333;
	}

	.house_info {
		height: 35upx;
		line-height: 35upx;
		font-size: 26upx;
		color: #999999;
	}

	.house_tips {
		height: 30upx;
		display: flex;
	}

	.tips {
		height: 30upx;
		line-height: 30upx;
		color: #FFFFFF;
		font-size: 20upx;
		background-image: linear-gradient(to right, #87ECC6, #8ED5EE); //颜色渐变效果(从左到右)
		margin-right: 16upx;
		padding: 0upx 20upx;
	}

	.house_money {
		height: 46upx;
		line-height: 46upx;
		font-size: 34upx;
		color: #FFC26D;
	}

	/*
		签约主体信息样式
	*/
	.title_2 {
		height: 88upx;
		background-color: #B3E9DC;
		line-height: 88upx;
		padding-left: 28upx;
		font-size: 30upx;
		color: #FFFFFF;
	}

	.sign_detail {
		height: 80upx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0upx 28upx;
		background-color: #FFFFFF;
		position: relative;
	}

	.detail_info {
		height: 37upx;
		line-height: 37upx;
		font-size: 28upx;
		color: #999999;
		text-align: right;
	}

	.detail_icon {
		width: 40upx;
		height: 40upx;
		transform: rotate(180deg);
		position: absolute;
		top: 20upx;
		right: 20upx;
	}

	.detail_son {
		margin: 0upx 30upx;
		padding: 0upx 30upx;
		display: flex;
		flex-direction: column;
	}

	.son_view {
		height: 80upx;
		background-color: #FFFFfF;
		display: flex;
		align-items: center;
	}

	.chooseicon_view {
		height: 30upx;
		width: 30upx;
		margin-right: 30upx;
		border-radius: 30upx;
		display: flex;
		align-items: center;
		border: 5upx solid #5555ff;
	}

	.chooseicon_son {
		height: 20upx;
		width: 20upx;
		border-radius: 20upx;
		margin: 0 auto;
		background-color: #5555ff;
	}

	.son_name {
		height: 40upx;
		line-height: 40upx;
		font-size: 26upx;
		color: #929292;
	}

	/*
		添加房屋特色样式
	*/
	.content_4 {
		margin: 0 30upx;
		margin-top: 40upx;
		position: relative;
	}

	.add_4 {
		height: 20upx;
		font-size: 26upx;
		line-height: 20upx;
		color: #B3E9DC;
		position: absolute;
		top: 0upx;
		right: 0upx;
	}

	/*
		底部提交样式
	*/
	.content_3 {
		position: fixed;
		z-index: 999;
		height: 100upx;
		width: 714upx;
		background-color: #49453A;
		bottom: 0upx;
		left: 0upx;
		padding-left: 40upx;
	}

	.contract_view {
		height: 100upx;
		display: flex;
		align-items: center;
	}

	.contract_icon_view {
		height: 40upx;
		width: 40upx;
		border-radius: 40upx;
		border: 5upx solid #cccccc;
		box-sizing: border-box;
		margin-right: 30upx;
		display: flex;
		align-items: center;
	}

	.contract_icon {
		height: 22upx;
		width: 22upx;
		border-radius: 25upx;
		background-color: #5555ff;
		margin: 0 auto;
	}

	.contract {
		width: 410upx;
		font-size: 26upx;
		color: #FFFFFF;
	}

	.submit {
		height: 100upx;
		width: 240upx;
		background-color: #63D0D5;
		line-height: 100upx;
		text-align: center;
		font-size: 32upx;
		color: #FFFFFF;
		font-weight: bold;
		position: absolute;
		right: 0upx;
		top: 0upx;
	}

	/*
		证件图片上传
	*/
	.upload_view {
		height: 120upx;
		padding-bottom: 28upx;
		background-color: #FFFFFF;
		padding-left: 28upx;
	}

	.uploadimg_view {
		height: 120upx;
		width: 120upx;
		border-radius: 10upx;
		border: 2upx solid #BBBBBB;
		background-color: #e5e5e5;
		display: flex;
		align-items: center;
	}

	.uploadimg {
		width: 48upx;
		height: 48upx;
		margin: 0 auto;
	}

	/*
		配套设施样式
	*/
	.content_10 {
		margin: 0 15upx;
		background-color: #FFFFFF;
		border-radius: 26upx;
		padding: 30upx 25upx 7upx 15upx;
		display: flex;
		flex-direction: column;
	}

	.title_10 {
		height: 37upx;
		font-size: 28upx;
		color: #333333;
		line-height: 37upx;
	}

	.equipment_view {
		margin-top: 20upx;
		display: flex;
		flex-wrap: wrap; //弹性盒元素换行
	}

	.equipment_box {
		height: 250upx;
		width: 194upx;
		background-color: #F0F0F0;
		border-radius: 20upx;
		margin-bottom: 23upx;
		margin-right: 12upx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
		padding: 10upx;
		position: relative;
	}

	.equipment_img {
		height: 190upx;
		width: 190upx;
		background-color: #a1a1a1;
	}

	.equipment_name {
		height: 35upx;
		line-height: 35upx;
		font-size: 26upx;
		color: #666666;
	}

	.equipment_choose {
		height: 35upx;
		width: 35upx;
		border-radius: 50upx;
		position: absolute;
		top: 10upx;
		right: 10upx;
		background-color: #007AFF;
	}

	/*
		底部按钮样式
	*/
	.content_5 {
		position: fixed;
		z-index: 999;
		right: 30upx;
		bottom: 40upx;
		height: 72upx;
		width: 410upx;
		display: flex;
		align-items: center;
	}

	.back {
		width: 140upx;
		height: 72upx;
		border-radius: 10upx;
		background-color: #999999;
		line-height: 72upx;
		font-size: 28upx;
		color: #FFFFFF;
		text-align: center;
		margin-right: 20upx;
	}

	.save {
		height: 72upx;
		width: 250upx;
		border-radius: 10upx;
		background-color: #63D0D5;
		line-height: 72upx;
		font-size: 28upx;
		color: #FFFFFF;
		text-align: center;
	}
</style>
